<template>
  <div id="app">
    <code_1></code_1>
    <hr />
    <code_2></code_2>
    <hr />
    <code_3></code_3>
    <hr />
    <code_4></code_4>
    <hr />
    <code_5></code_5>
    <hr />
    <code_6></code_6>
    <hr />
    <code_7></code_7>
    <hr />
   
  </div>
</template>

<script>
import code_1 from "./components/code_1.vue";
import code_2 from "./components/code_2.vue";
import code_3 from "./components/code_3.vue";
import code_4 from "./components/code_4.vue";
import code_5 from "./components/code_5.vue";
import code_6 from "./components/code_6.vue";
import code_7 from "./components/code_7.vue";


export default {
  components: {
    code_1,
    code_2,
    code_3,
    code_4,
    code_5,
    code_6,
    code_7,
  },
};
</script>

<style>
</style>
